<template>
    <div>
        <mt-navbar v-model="active">
            <mt-tab-item id="1">新闻</mt-tab-item>
            <mt-tab-item id="2">娱乐</mt-tab-item>
            <mt-tab-item id="3">财经</mt-tab-item>
            <mt-tab-item id="4">军事</mt-tab-item>
        </mt-navbar>
         <mt-tab-container v-model="active">
            <mt-tab-container-item id="1">1111</mt-tab-container-item>
            <mt-tab-container-item id="2">2222</mt-tab-container-item>
            <mt-tab-container-item id="3">3333</mt-tab-container-item>
            <mt-tab-container-item id="4">4444</mt-tab-container-item>
        </mt-tab-container>
  </div>  
</template>
<script>
export default {
  data(){
    return {
      active:"1"
    }
  }
}
</script>